<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.footer ul li:hover {border-top: 5px red solid;}
		</style>
	</head>
	    <meta name="viewport"content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
		<link rel="stylesheet" type="text/css" href="css/shouye.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
	<body>
		<div class="zhaoqianfour">
			<div style="position: fixed;top:0;width:100%">
		<header>
			<p><img src="img/images/jian_03.jpg"/width="40" height="30px"style="padding-top: 16px;"></p>
			<p>购物车</p>
	<p style="background: linear-gradient(#f6668e,#d81452);border-radius: 5px;padding-bottom: 8px;">去结算</p>

		</header>
		<div class="price">
			<p>商品数量：1</p>
			<p>应付总额（不含运费）：<span>￥199</span></p>
		</div></div>
		<div class="center" style="margin-top: 30px;">
			<img src="img/images/choujiang1_03.jpg"style="margin:0px 60px 0px 20px;"/>
			<div class="lefts">
				<p id="delete">
					ESPRIT&nbsp;&nbsp;&nbsp;气质为零玫红&nbsp;&nbsp;&nbsp;&nbsp;<img src="img/images/gou_07.jpg"/>
				</p>
				<p>T折</p>
				<p>
					单价：&nbsp;<span>￥199</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;L
				</p>
				
			   <div class="gw_num">
			   	    <span>数量：</span>
					<em class="jian">-</em>
					<input type="text" value="1" class="num"/>
					<em class="add">+</em>
			   </div>

			</div>
			
			
		</div>
		<div class="center" style="margin-top: 30px;">
			<img src="img/images/choujiang1_03.jpg"style="margin:0px 60px 0px 20px;"/>
			<div class="lefts">
				<p id="delete">
					ESPRIT&nbsp;&nbsp;&nbsp;气质为零玫红&nbsp;&nbsp;&nbsp;&nbsp;<img src="img/images/gou_07.jpg"/>
				</p>
				<p>T折</p>
				<p>
					单价：&nbsp;<span>￥199</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;L
				</p>
				
			   <div class="gw_num">
			   	    <span>数量：</span>
					<em class="jian">-</em>
					<input type="text" value="1" class="num"/>
					<em class="add">+</em>
			   </div>

			</div>
			
			
		</div>
		
		<div class="center" style="margin-top: 30px;">
			<img src="img/images/choujiang1_03.jpg"style="margin:0px 60px 0px 20px;"/>
			<div class="lefts">
				<p id="delete">
					ESPRIT&nbsp;&nbsp;&nbsp;气质为零玫红&nbsp;&nbsp;&nbsp;&nbsp;<img src="img/images/gou_07.jpg"/>
				</p>
				<p>T折</p>
				<p>
					单价：&nbsp;<span>￥199</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;L
				</p>
				
			   <div class="gw_num">
			   	    <span>数量：</span>
					<em class="jian">-</em>
					<input type="text" value="1" class="num"/>
					<em class="add">+</em>
			   </div>

			</div>
			
			
		</div>
		<div class="center" style="margin-top: 30px;">
			<img src="img/images/choujiang1_03.jpg"style="margin:0px 60px 0px 20px;"/>
			<div class="lefts">
				<p id="delete">
					ESPRIT&nbsp;&nbsp;&nbsp;气质为零玫红&nbsp;&nbsp;&nbsp;&nbsp;<img src="img/images/gou_07.jpg"/>
				</p>
				<p>T折</p>
				<p>
					单价：&nbsp;<span>￥199</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;L
				</p>
				
			   <div class="gw_num">
			   	    <span>数量：</span>
					<em class="jian">-</em>
					<input type="text" value="1" class="num"/>
					<em class="add">+</em>
			   </div>

			</div>
			
			
		</div>
		<div class="center" style="margin-top: 30px;">
			<img src="img/images/choujiang1_03.jpg"style="margin:0px 60px 0px 20px;"/>
			<div class="lefts">
				<p id="delete">
					ESPRIT&nbsp;&nbsp;&nbsp;气质为零玫红&nbsp;&nbsp;&nbsp;&nbsp;<img src="img/images/gou_07.jpg"/>
				</p>
				<p>T折</p>
				<p>
					单价：&nbsp;<span>￥199</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;L
				</p>
				
			   <div class="gw_num">
			   	    <span>数量：</span>
					<em class="jian">-</em>
					<input type="text" value="1" class="num"/>
					<em class="add">+</em>
			   </div>

			</div>
			
			
		</div>
		<div class="center" style="margin-top: 30px;">
			<img src="img/images/choujiang1_03.jpg"style="margin:0px 60px 0px 20px;"/>
			<div class="lefts">
				<p id="delete">
					ESPRIT&nbsp;&nbsp;&nbsp;气质为零玫红&nbsp;&nbsp;&nbsp;&nbsp;<img src="img/images/gou_07.jpg"/>
				</p>
				<p>T折</p>
				<p>
					单价：&nbsp;<span>￥199</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;L
				</p>
				
			   <div class="gw_num">
			   	    <span>数量：</span>
					<em class="jian">-</em>
					<input type="text" value="1" class="num"/>
					<em class="add">+</em>
			   </div>

			</div>
			
			
		</div>
		<div class="footer">
				<ul>
					<li onclick="location.href='shouye.html'">
						<span><img src="img/05.png"></span>
						<p>首页</p>
					</li>
					<li onclick="location.href='fenlei.html'">
						<span><img src="img/images/fenlei_07.jpg"/></span>
						<p>分类</p>
					</li>
					<li style="border-top:4px red solid">
						<span><img src="img/images/che_07.jpg"/></span>
						<p>购物车</p>
					</li>
					<li onclick="location.href='wdx.html'">
						<span><img src="img/images/ren_07.jpg"/></span>
						<p>我的秀</p>
					</li>
					<li onclick="location.href='gwc.html'" >
						<span><img src="img/images/gengduo_07.jpg"/></span>
						<p>更多</p>
					</li>
				</ul>
			</div>
		</div>	
		 <script src="js/jquery-3.1.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/flexible.js"></script>
		<script src="js/flexible_css.js"></script>
				<script type="text/javascript" src="js/html5shiv.min.js" ></script>

		<script>
			$(function () {
				
			
				$("#delete").click(function(){
					$(".center").slideUp()
				})
//加的效果      
			$(".add").click(function(){
			var n=$(this).prev().val();
			var num=parseInt(n)+1;
			if(num==0){ return;}
			$(this).prev().val(num);
			});
			//减的效果
			$(".jian").click(function(){
			var n=$(this).next().val();
			var num=parseInt(n)-1;
			if(num==0){ return}
			$(this).next().val(num);
			});
				
				$('header p:last-child').click(function () {
					location.href="dingdan.html";
				});
				$('header p:first-child').click(function () {
					location.href="shouye.html";
				});
			});
		</script>
	</body>
</html>
